<template>
  <div class="product">
    <div>
      <h1>Top 1</h1>
      <span>{{}}</span>
    </div>
  </div>
</template>

<script>

  export default {
    props: [data],
  }
</script>

<style lang="less" scoped>
.product {
  width: 489px;
  height: 426px;
  opacity: 0.9;
  background: #081B2E;
  // background-image: radial-gradient(1% 43%, rgba(94,228,255,0.20) 0%, rgba(97,233,255,0.00) 38%);
  border: 1px solid #64E0F8;
  box-shadow: 0px 0px 20px 0px rgba(37,227,255,0.1);
  border-radius: 144px;
}
</style>